<template>
  <div>
    <div class="item-info">
      <div
        :class="['single-item', item.flag ? 'active-item' : '']"
        v-for="(item, index) in singleItemList"
        :key="index"
      >
        <div>{{ item.name }}</div>
        <div class="item-logo">
          <img :src="item.logo" alt="" />
        </div>
      </div>
      <div class="single-item-info">
        <div class="info-line1">
          <div>{{ gameTitle }}</div>
          <div class="venue">{{ venueName }}</div>
        </div>
        <div class="info-line2">
          <div class="report-name">成绩公告</div>
          <div>{{ gameTime }}</div>
        </div>
      </div>
    </div>
    <div class="game-info">
      <el-col :span="3">
        <div>{{ tableData.column1 }}</div>
      </el-col>
      <el-col :span="9">
        <div class="game-b" style="margin-left:-10px;color:red">{{ tableData.column2 }}</div>
      </el-col>
      <el-col :span="3">
        <div class="game-vs">{{ tableData.column3 }}</div>
      </el-col>
      <el-col :span="9">
        <div class="game-a">
          {{ tableData.column4 }}
        </div>
      </el-col>
    </div>
    <div class="game-table-data">
      <el-row :gutter="24">
        <el-col :span="3" class="col-style-1">
          <el-table :data="resultList" style="width: 100%">
            <el-table-column
              prop="TableNo"
              label="台次"
              header-align="center"
              align="center"
            ></el-table-column>
          </el-table>
        </el-col>
        <el-col :span="9" class="col-style">
          <el-table :data="resultList" style="width: 100%">
            <el-table-column prop="Code_R" label="编号"> </el-table-column>
            <el-table-column prop="Unit_R" label="单位" min-width="130%"> </el-table-column>
            <el-table-column label="姓名">
              <template slot-scope="scope">
                <div style="color:rgba(230,24,71,1)">
                  {{ scope.row.Name_R }}
                </div>
              </template>
            </el-table-column>
            <el-table-column
              prop="Grade_R"
              label="前轮积分"
              header-align="center"
              align="center"
            ></el-table-column>
            <el-table-column
              prop="Score_R"
              label="成绩"
              header-align="center"
              align="center"
            ></el-table-column>
          </el-table>
        </el-col>
        <el-col :span="3" class="col-style">
          <el-table :data="resultList" style="width: 100%" header-align="center">
            <el-table-column prop="" header-align="center">
              <template slot="header" slot-scope="scope">
                <div class="game-vs-logo"></div>
              </template>
            </el-table-column>
          </el-table>
        </el-col>

        <el-col :span="9" class="col-style-2">
          <el-table :data="resultList" style="width: 100%">
            <el-table-column
              prop="Score_B"
              label="成绩"
              header-align="center"
              align="center"
            ></el-table-column>
            <el-table-column
              prop="Grade_B"
              label="前轮积分"
              header-align="center"
              align="center"
            ></el-table-column>
            <el-table-column label="姓名">
              <template slot-scope="scope">
                <div style="color:rgba(60,135,247,1)">
                  {{ scope.row.Name_B }}
                </div>
              </template>
            </el-table-column>
            <el-table-column prop="Unit_B" label="单位" min-width="130%"> </el-table-column>
            <el-table-column prop="Code_B" label="编号"> </el-table-column>
          </el-table>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  created() {
    this.venueName = this.$route.query.venueName
    this.gameTime = this.$route.query.gameTime
    this.gameTitle = this.$route.query.gameTitle
  },
  props: {},
  data() {
    return {
      tableData: {
        column1: '对阵',
        column2: '红方',
        column3: 'VS',
        column4: '黑方'
      },
      venueName: '',
      gameTime: '',
      gameTitle: '',
      resultList: [
        {
          TableNo: '1',
          Code_R: '1',
          Unit_R: '内蒙古',
          Name_R: '蔚  强',
          Grade_R: null,
          Grade_B: null,
          Name_B: '宋国强',
          Unit_B: '火车头体协',
          Code_B: '2',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '2',
          Code_R: '4',
          Unit_R: '新疆',
          Name_R: '崔淞博',
          Grade_R: null,
          Grade_B: null,
          Name_B: '连泽特',
          Unit_B: '石油体协',
          Code_B: '3',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '3',
          Code_R: '5',
          Unit_R: '四川',
          Name_R: '孟  辰',
          Grade_R: null,
          Grade_B: null,
          Name_B: '周  军',
          Unit_B: '山西',
          Code_B: '6',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '4',
          Code_R: '8',
          Unit_R: '甘肃',
          Name_R: '何  刚',
          Grade_R: null,
          Grade_B: null,
          Name_B: '徐  超',
          Unit_B: '江苏',
          Code_B: '7',
          Score_R: '1.0',
          Score_B: '1.0'
        },
        {
          TableNo: '5',
          Code_R: '9',
          Unit_R: '北京',
          Name_R: '蒋  川',
          Grade_R: null,
          Grade_B: null,
          Name_B: '杨  浩',
          Unit_B: '新疆',
          Code_B: '10',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '6',
          Code_R: '12',
          Unit_R: '煤矿体协',
          Name_R: '窦  超',
          Grade_R: null,
          Grade_B: null,
          Name_B: '谢业枧',
          Unit_B: '湖南',
          Code_B: '11',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '7',
          Code_R: '13',
          Unit_R: '上海',
          Name_R: '洪  智',
          Grade_R: null,
          Grade_B: null,
          Name_B: '梁  军',
          Unit_B: '甘肃',
          Code_B: '14',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '8',
          Code_R: '16',
          Unit_R: '云南',
          Name_R: '黎德志',
          Grade_R: null,
          Grade_B: null,
          Name_B: '汪  洋',
          Unit_B: '湖北',
          Code_B: '15',
          Score_R: '1.0',
          Score_B: '1.0'
        },
        {
          TableNo: '9',
          Code_R: '17',
          Unit_R: '浙江',
          Name_R: '赵鑫鑫',
          Grade_R: null,
          Grade_B: null,
          Name_B: '陈富杰',
          Unit_B: '山东',
          Code_B: '18',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '10',
          Code_R: '20',
          Unit_R: '吉林',
          Name_R: '曹  霖',
          Grade_R: null,
          Grade_B: null,
          Name_B: '郝继超',
          Unit_B: '黑龙江',
          Code_B: '19',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '11',
          Code_R: '21',
          Unit_R: '黑龙江',
          Name_R: '崔  革',
          Grade_R: null,
          Grade_B: null,
          Name_B: '宋长海',
          Unit_B: '青海',
          Code_B: '22',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '12',
          Code_R: '24',
          Unit_R: '大连',
          Name_R: '李迈新',
          Grade_R: null,
          Grade_B: null,
          Name_B: '党  斐',
          Unit_B: '河南',
          Code_B: '23',
          Score_R: '1.0',
          Score_B: '1.0'
        },
        {
          TableNo: '13',
          Code_R: '25',
          Unit_R: '厦门',
          Name_R: '郑一泓',
          Grade_R: null,
          Grade_B: null,
          Name_B: '卓赞烽',
          Unit_B: '福建',
          Code_B: '26',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '14',
          Code_R: '28',
          Unit_R: '煤矿体协',
          Name_R: '蒋凤山',
          Grade_R: null,
          Grade_B: null,
          Name_B: '宿少峰',
          Unit_B: '内蒙古',
          Code_B: '27',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '15',
          Code_R: '29',
          Unit_R: '宁夏',
          Name_R: '刘  明',
          Grade_R: null,
          Grade_B: null,
          Name_B: '梁辉远',
          Unit_B: '山西',
          Code_B: '30',
          Score_R: '1.0',
          Score_B: '1.0'
        },
        {
          TableNo: '16',
          Code_R: '32',
          Unit_R: '北京',
          Name_R: '靳玉砚',
          Grade_R: null,
          Grade_B: null,
          Name_B: '武俊强',
          Unit_B: '河南',
          Code_B: '31',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '17',
          Code_R: '33',
          Unit_R: '山东',
          Name_R: '谢  岿',
          Grade_R: null,
          Grade_B: null,
          Name_B: '刘光辉',
          Unit_B: '江西',
          Code_B: '34',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '18',
          Code_R: '36',
          Unit_R: '辽宁',
          Name_R: '李冠男',
          Grade_R: null,
          Grade_B: null,
          Name_B: '程  鸣',
          Unit_B: '江苏',
          Code_B: '35',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '19',
          Code_R: '37',
          Unit_R: '河北',
          Name_R: '陆伟韬',
          Grade_R: null,
          Grade_B: null,
          Name_B: '黄光颖',
          Unit_B: '广东',
          Code_B: '38',
          Score_R: '1.0',
          Score_B: '1.0'
        },
        {
          TableNo: '20',
          Code_R: '40',
          Unit_R: '火车头体协',
          Name_R: '杨成福',
          Grade_R: null,
          Grade_B: null,
          Name_B: '申  鹏',
          Unit_B: '河北',
          Code_B: '39',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '21',
          Code_R: '41',
          Unit_R: '上海',
          Name_R: '孙勇征',
          Grade_R: null,
          Grade_B: null,
          Name_B: '邓志强',
          Unit_B: '江西',
          Code_B: '42',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '22',
          Code_R: '44',
          Unit_R: '福建',
          Name_R: '王晓华',
          Grade_R: null,
          Grade_B: null,
          Name_B: '黄海林',
          Unit_B: '广东',
          Code_B: '43',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '23',
          Code_R: '45',
          Unit_R: '湖北',
          Name_R: '柳大华',
          Grade_R: null,
          Grade_B: null,
          Name_B: '张  欣',
          Unit_B: '石油体协',
          Code_B: '46',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '24',
          Code_R: '48',
          Unit_R: '陕西',
          Name_R: '吕建陆',
          Grade_R: null,
          Grade_B: null,
          Name_B: '黄学谦',
          Unit_B: '香港象棋总会',
          Code_B: '47',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '25',
          Code_R: '49',
          Unit_R: '辽宁',
          Name_R: '钟少鸿',
          Grade_R: null,
          Grade_B: null,
          Name_B: '陈志刚',
          Unit_B: '青海',
          Code_B: '50',
          Score_R: '2.0',
          Score_B: '0.0'
        },
        {
          TableNo: '26',
          Code_R: '52',
          Unit_R: '陕西',
          Name_R: '贺岁学',
          Grade_R: null,
          Grade_B: null,
          Name_B: '郑惟桐',
          Unit_B: '四川',
          Code_B: '51',
          Score_R: '0.0',
          Score_B: '2.0'
        },
        {
          TableNo: '27',
          Code_R: '53',
          Unit_R: '浙江',
          Name_R: '黄竹风',
          Grade_R: null,
          Grade_B: null,
          Name_B: '林文汉',
          Unit_B: '厦门',
          Code_B: '54',
          Score_R: '2.0',
          Score_B: '0.0'
        }
      ],
      singleItemList: [
        {
          name: '象棋',
          logo: require('../../assets/img/daily/CC.png'),
          flag: true
        }
      ]
    }
  },
  watch: {},
  computed: {},
  filters: {},
  components: {},
  methods: {}
}
</script>
<style scoped lang="scss">
@import '@/assets/scss/item.scss';
</style>
